<template>
  <div class="about">
    <h1>This is an about page</h1>
    <Myswiper></Myswiper>
    <van-cell is-link @click="showPopup">展示弹出层</van-cell>

    <MyPopup v-model="show"></MyPopup>
    <image-view src="/1.png"></image-view>

    <br />

    <van-button type="primary" @click="handleToastClick">我是按钮</van-button>
    <van-button type="info">我是按钮</van-button>
    <van-button type="danger">我是按钮</van-button>
    token: {{ token }} list: {{ list }}
  </div>
</template>
<script>
import { mapState, mapGetters, mapMutations, mapActions } from 'vuex'
import Myswiper from '../components/Swiper.vue'
import MyPopup from '../components/Popup.vue'
import ImageView from '../components/ImageView.vue'
import { Toast } from 'vant'
export default {
  components: { Myswiper, MyPopup, ImageView },
  data() {
    return {
      show: false,
    }
  },
  computed: {
    ...mapState(['token', 'list']),
    ...mapGetters(['totalNum']),
  },
  methods: {
    handleToastClick() {
      // Toast('提示内容')
      this.$toast.success('提示文案')
    },
    showPopup() {
      this.show = !this.show
      console.log('show', this.show)
    },
  },
}
</script>
